<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>手机</title>
		<style type="text/css">
			*{
				margin: 0px;
				padding: 0px;
			}
			.maintext{
				height: 600px;
				width:800px ;
				background-color: whitesmoke;
				margin-left: 400px;
				margin-top: 50px;
				border-radius: 10px;
			}
			.firsttext{
				margin-left: 40px;
				height: 30px;
				line-height: 30px;/*文本行高*/
				font-size: large;
				background-color: whitesmoke;
			}
			.secondtext{
				height: 570px;
				width: 30%;
				float: left;
			}
			.second_one{
				width: 100%;
				height: 60px;
			}
			.second_two{
				border-radius: 10px 10px 0px 0px;
				margin-left: 40px;
				width: 83.5%;
				height: 60px;
				background-color: gainsboro;
			}
			.second_three{
				border-radius: 0px 0px 10px 10px;
				width: 83.5%;
				margin-left: 40px;
				height: 60px;
				background-color: gainsboro;
			}
			/*大图片*/
			.thirdtext{
				height: 570px;
				width: 70%;
				float: left;
				text-align: center;
			}
			/*第四块*/
			.fouthtext{
				height: 360px;
				width: 83.5%;
				margin-top: 15px;
				margin-left: 40px;
				margin-bottom: 15px;
				border-radius: 10px 10px 10px 10px;
				background-color: gainsboro;
			}
			.fouth_one{
				height: 30%;
				border-radius: 10px 10px 0px 0px
			}
			.fouth_two{
				height: 30%;
				margin-top: 7.75%;
				margin-bottom: 7.75%;
				text-align: center;
			}
			.fouth_three{
				height: 30%;
				border-radius: 0px 0px 10px 10px;
				text-align: center;
			}
			img{
				width: 100%;
				height: 60px;
				
			}
			.txtclass{
				float: left;
				font-size: 20px;
				margin-left: 20px;
				line-height: 70px;
				margin-top: 2px;
				/*margin-right: 10px;*/
			}
			.txtclass1{
				float: left;
				font-size: 10px;
				margin-left: 18px;
				line-height: 30px;
				margin-top: 2px;
				margin-right: 10px;
			}
		</style>
	</head>
	<body>
		<div class="maintext">
			<div class="firsttext">
				苹果IPhone&nbsp;您的体验是我们最大的努力方向
			</div>
			<div class="secondtext">
				<div class="second_one">
					<img src="../img/标签2.png" />
				</div>
				<div class="second_two">
					<div class="txtclass">原价</div>
					<div class="txtclass">折扣</div>
					<div class="txtclass">节省</div>
				</div>
				<div class="second_three">
					<div class="txtclass1">&yen;5200.00</div>
					<div class="txtclass1">5.77</div>
					<div class="txtclass1">&yen;2200.00</div>
				</div>
				<div class="fouthtext">
					<div class="fouth_one">
						<div style="text-align: center; line-height: 50px;">
							<b>0人已购买</b>
							<p style="font-size: small;">本单仅剩：100份；欲购从速</p>
						</div>
					</div>
					<div class="fouth_two">
						<img src="../img/沙漏.png" style="width: 20%; height: 60%; margin-top: 7px;"/>
						<b>即将成功!</b>
						<div><b>赶紧加入团购...</b></div>
					</div>
					<div class="fouth_three">
						<div style="width: 100%; height: 30px;"></div>
						<div>
							<b>距离本次团购结束还有：</b>
						</div>
						<div>
							5天1小时1分3秒
						</div>
					</div>
				</div>
			</div>
			<div class="thirdtext">
				<img src="../img/苹果.png" style="width: 300px; height: 500px; margin-top: 30px;"/>
			</div>
		</div>
	</body>
</html>
